<template>
  <div class="task_content">
        <ul>
            <li>
                <a>
                    <i></i>
                    <em>销售回访</em>
                    <span class="fr fsz omg ">14</span>
                </a>
            </li>

            <li>
                <a>
                    <i></i>
                    <em>休眠激活</em>
                    <span class="fr fsz omg ">14</span>
                </a>
            </li>

            <li>
                <a>
                    <i></i>
                    <em>生日问候</em>
                    <span class="fr fsz omg ">14</span>
                </a>
            </li>

            <li>
                <a>
                    <i></i>
                    <em>节日问候</em>
                    <span class="fr omg ">国庆节了，发个问候吧</span>
                </a>
            </li>
        </ul>
  </div>
</template>
<script>

</script>
<style scoped lang="less">
.task_content{
    margin-top: 0.2rem;
    border-top:0.01rem solid #c9c9c9;
    border-bottom:0.01rem solid #c9c9c9;
    background-color: #fff;
    ul li{
        a{
            display: block;
            width:96%;
            height: 1.2rem;
            line-height: 1.2rem;
            font-size: 0;
            margin-left: 4%;
            border-bottom: 0.01rem solid #eee;
            background:url(../../../common/images/right_arrow.png) no-repeat;
            background-size:0.15rem 0.25rem;
            background-position: 96% center;
            i{
                display: inline-block;
                vertical-align: middle;
                width:0.29rem;
                height:0.29rem;
                background:url(../../../common/images/task.png) no-repeat; 
                background-size: 1.16rem 0.29rem;   
            }
            em{
                display: inline-block;
                vertical-align: middle;
                color:#3e3e3e;
                font-size: 0.26rem;
                margin-left: 0.2rem;
            }
            span{
                display: inline-block;
                vertical-align: middle;
                width:50%;
                font-size: 0.26rem;
                color:#a5a5a5;
                text-align: right;
                margin-right: 8%;
            }
           
        }
        &:nth-child(1) a i{
            background-position: -0.87rem 0;
        }
        &:nth-child(2) a i{
            background-position: 0 0;
        }
        &:nth-child(3) a i{
            background-position: -0.29rem 0;
        }
        &:nth-child(4) a i{
            background-position: -0.58rem 0;
        }
    } 
   
}
</style>
